<template>
  <div class="about">
    <h1>This is an about page</h1>
    <p>{{student}}</p>
    <p v-for="(item,index) in student":key="index">{{ index }}-----{{ item }}</p>
    <table border="1">
     <tr v-for="item in students":key="item.id">
      <td>{{ item.id }}</td>
      <td>{{ item.name }}</td>
      <td>{{item.age  }}</td>
     </tr>
    </table>
    


  </div>
  <RouterView />
</template>




<script setup lang="ts">
import { ref,reactive } from 'vue';
let student=ref(["张三","李四","王五"])
let students=ref([
    {id:1,name:'张三',age:20},
    {id:2,name:'李四',age:22},
    {id:3,name:'王五',age:28},
    {id:4,name:'赵六',age:18}
  ])


</script>


<style scoped>

</style>
